<template>
  <div class="hello">
    <!-- <ul>
      <li class="li1" v-if="imgdate" v-for="(valueImg,indexImg,keys) in imgdate" :key="keys">
        <a class="a1"></a>
        <a class="a2"></a>
        <img  :src="valueImg['lm_picture_path']" alt="" >
      </li>
        <a href=""></a>
    </ul> -->
      

      <!-- <select name="" id="" >
        <option value="" v-if="imgdate" v-for="(valueImg,indexImg,keys) in imgdate" :key="keys">
           <img  :src="valueImg['lm_picture_path']" alt="" >
        </option>
      </select> -->
      <!-- {{todayDate}} -->
  </div>
</template>

<script>
import {formatDate} from '../common/date'
import axios from 'axios';
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      time:1521935613701,
      imgdate:[]
    }
  },
   mounted(){
     let data={
			"knowledgeIds": [
				20302 
			],
      "peruseMode": 0,
      "questionType": "选择题",
			"questionTypeId": 2
    };

    axios.post("http://47.92.120.52/LaundryMall/Header_Management/showLevelHeadingsAPP.action",)
      .then((response) => {
          this.imgdate=response.data.obj;
          const imgUrl='http://47.92.120.52/';
          for(let i in this.imgdate){
            this.imgdate[i]["lm_picture_path"]=imgUrl+this.imgdate[i]["lm_picture_path"];
          }
        
        console.log(response);
    });

    var data2={
        studentId: 15
    }
    axios.get('http://120.76.204.189:8899/api/admin/getAllStudents',{
      params:{
        pageNum:1,
        pageSize:20
      }
    }).then((response)=>{
        console.log(response);
    })
  },
  computed:{
    todayDate(){
      let dates=new Date(this.time);
      // console.log(dates.getTime())
      return formatDate(dates,'yyyy-MM-dd hh:mm');
    }
  }
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.li1{
  position: relative;
  display: inline-block;
  list-style: none;
  font-size: 0;
}
.a1{
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background: red;
  opacity: 0.5;
  width: 50%;
}
.a2{
  background: #ccc;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0.5;
  width: 50%;
}
img{ 
  padding: 0;
 margin: 0;
}
</style>
